<template>
	<div>
		<wd-header title="关于我们">
	        <span class="iconfont" @click="goback" slot="left">&#xe697;</span>
		</wd-header>

		<div class="logo">
			<img src="../../assets/images/logo.png" alt="">
		</div>
		<div class="content">
			<ul>
				<router-link tag="li" :to="{name:'usehelp'}">
					<i>使用帮助</i>
					<span class="iconfont ">&#xe6a8;</span>
				</router-link>
				<router-link tag="li" :to="{name:'introduce'}">
					<i>介绍</i>
					<span class="iconfont ">&#xe6a8;</span>
				</router-link>
				<router-link tag="li" :to="{name:'protocol'}">
					<i>用户协议</i>
					<span class="iconfont ">&#xe6a8;</span>
				</router-link>
			</ul>
		</div>
		<div class="footer">
			<p>大兄弟教育有限公司 专利所有</p>
			<p>Copyright@2016-2020&nbsp;Bigbrother</p>
			<p>All&nbsp;Right&nbsp;Reserved</p>
		</div>
	</div>
</template>

<script>
export default {
  name: 'aboutus',
  data () {
    return {

    }
  },
  methods:{
  	goback(){
  		this.$router.go(-1)
  	}
  }
}
</script>

<style lang="scss" scoped>
	.logo{
		margin: 15% 0 5%;
		text-align: center;
		
		img{
			width: 20%;
		}
	}

	.content{
		li{
			display: flex;
			padding: 0.37037rem;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #eee;
			font-size: 0.407407rem;
			.iconfont {
			    color: #555;
			}
		}
	}

	.footer{
		text-align: center;
		margin-top: 35%;

		p{
			color: #555;
			line-height: 0.444444rem;
		}
	}
</style>